<template>
  
<!-- <div class="login">
    <div class="logo">

    </div>
    <button class="login-btn" open-type="getUserInfo" lang="zh_CN" @getuserinfo="doLogin">微信登录</button>
  </div> -->
  

 <div class="login">
    <div class="myinfo">
        <!-- 获取用户头像昵称信息 -->
    <div class="myinfo-img"><open-data type="userAvatarUrl"></open-data></div>    
    <div class="myinfo-text"><open-data type="userNickName" lang="zh_CN"></open-data> </div>   

    </div>
    <button class="login-btn" open-type="getUserInfo" lang="zh_CN" @getuserinfo="wxGetUserInfo" @click="doLogin">微信登录</button>
    </div>





</template>

<script>




export default {
  data () {
    return {
      userInfo: {},
      //isShow:true,
     // buttonVisible:true,
      canIUse: wx.canIUse('button.open-type.getUserInfo')

    }
  },
  mounted () {
    
},
  methods: {
    doLogin() {
        wx.showLoading({
          title: "登录中...", //提示的内容,
          mask: true, //显示透明蒙层，防止触摸穿透,
          success: res => {}
        })
    },
      wxGetUserInfo (code) {
            wx.getSetting({
           success(res) {
           if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称
             wx.getUserInfo({
                success(res) {
                 console.log('授权成功');
                 //隐藏加载框
                 wx.hideLoading();
                 //用户授权后将信息存入缓存中
                 wx.setStorageSync("userInfo", res.userInfo);
                 //跳转到个人中心页面
                 wx.reLaunch({
                      url: '../my/main'
                 })
                }
          })
        }
      }
    })
    },
}
}
  // import {
  //   host
  // } from "../../utils";
  // var qcloud = require("wafer2-client-sdk/index.js");
  // export default {
  //   created() {},
  //   mounted() {
  //     console.log(host);

      //qcloud.setLoginUrl(host + "/login");
    // },
    // data() {
    //   return {};
    // },
    // components: {},
    // methods: {
    //   doLogin() {
    //     wx.showLoading({
          // title: "登录中...", //提示的内容,
          // mask: true, //显示透明蒙层，防止触摸穿透,
        //   success: res => {}
        // });
        // const session = qcloud.Session.get();
        // if (session) {
          // 第二次登录
          // 或者本地已经有登录态
          // 可使用本函数更新登录态
          // qcloud.loginWithCode({
          //   success: res => {
          //     // this.setData({ userInfo: res, logged: true });
          //     wx.setStorageSync("key", "value");
          //   },
          //   fail: err => {
          //     console.error(err);
          //   }
          // });
        // } else {
          // 首次登录
  //         qcloud.login({
  //           success: res => {
  //             console.log(res);

  //             wx.hideLoading();
  //             wx.setStorageSync("userInfo", res);
  //             var openId = res.openId;
  //             wx.setStorageSync("openId", openId);
  //             wx.navigateBack({});
  //           },
  //           fail: err => {
  //             console.log(err);
  //             wx.hideLoading();
  //             wx.navigateBack({});
  //           }
  //         });
  //       }
  //     }
  //   },
  //   computed: {}
  // };

</script>
<style lang='scss' scoped>
  // @import "./style";


  
.myinfo{
   display: flex;
   /* 纵轴居中对齐 */
   flex-direction: column;
   align-items: center;
   margin-top: 250rpx;
   /* 横向上居中对齐
   justify-content: center; */
}

.myinfo-img{
  height: 148rpx;
  width: 148rpx;
  border-radius: 50%;
}
.myinfo-text{
font-size: 28rpx;
margin-top: 30rpx;
letter-spacing: 3rpx;
}
  
.login {
  width: 100%;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
  padding-top: 1rpx;}
  .logo {
    width: 230rpx;
    height: 80rpx;
    /* background: url('../../../static/images/logo1.png') no-repeat; */
    background-size: 100% 100%;
    margin: 200rpx auto 0 auto;
  }
  .login-btn {
    text-align: center;
    background:#43CD80;
    width: 90%;
    height: 80rpx;
    line-height: 80rpx;
    color: #fff;
    font-size: 28rpx;
    margin-top: 100rpx;
  }

</style>

</style>
